$screen-xxs-max: 450px;
$screen-xs-min: 451px;
$screen-xs-max: 767px;
$screen-sm-min: 768px;
$screen-sm-max: 991px;
$screen-md-min: 992px;
$screen-md-max: 991px;
$screen-lg-min: 1200px;
$screen-lg-max: 9999px;

$nav-header-bg: #6E2C08;
$nav-header-fg: #0a0a09;

$highlight: #fcdabb;

@import "compass";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

.shadow {
  @include box-shadow(black 0 8px 6px -6px);
}

.sharp {
  border-radius: 0px;
}

.full-width {
  width: 100%;
}

.no-margin {
  margin: 0px;
}

.no-padding {
  padding: 0px;
}

.no-padding-left {
  padding-left: 0px;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.padding-m {
  padding: 15px;
}

.no-border {
  border: none;
  border-radius: 0px;
}

.bottom-gap {

  margin-bottom: 10px;
  @media (min-width: $screen-md-min) {
    margin-bottom: 20px;
  }
}

.logo-font {
  font-family: 'Merienda';
}

.img-responsive {
  width: 100%;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.center {
  text-align: center;
}

.fsize-20x {
  font-size: 2em;
}

.fsize-15x {
  font-size: 1.5em;
}

.fsize-12x {
  font-size: 1.2em;
}

.fsize-11x {
  font-size: 1.1em;
}

.fsize-09x {
  font-size: .9em;
}

.fsize-08x {
  font-size: .8em;
}

body {
  font-family: 'Open Sans';

  padding-top: 60px;

  @media screen and (min-width: $screen-sm-min) {
    padding-top: 120px;
  }

  @media screen and (min-width: $screen-md-min) {
    padding-top: 140px;
  }
}

button.close {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

a {
  text-decoration: none;
  &:hover {
    text-decoration: none;
  }
}

.vmiddle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}